<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center hotel_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub hotel_fd0_0'>
					<view class='flex flex-wrap align-center hotel_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
						<text class='fu-iconfont2  hotel_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='hotel_fd0_0_c1_c0'>{{mingcheng}}</text>
					</view>
					<view class='flex flex-wrap align-center justify-end hotel_fd0_0_c0'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
				<view class='flex flex-wrap align-center hotel_fd1_0'>
					<view class='flex flex-wrap align-center flex-sub hotel_fd1_0_c0' @tap.stop="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/ss/search/search`">
						<image class='hotel_fd1_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"16.png"' @tap.stop="clickFirm"></image>
						<input class='flex-sub hotel_fd1_0_c0_c1' type="text" :placeholder="`请输入搜索内容`"
							confirm-type="confirm" :maxlength="-1" v-model="keywords"
							placeholder-style="color:rgba(153, 153, 153, 1);font-size:28rpx" @comfirm="clickFirm" />
					</view>
				</view>
				<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex rentHouse_flex_2"
					:style="{top:(176+StatusBarRpx)+'rpx', }">
					<view class='flex flex-direction flex-wrap align-stretch rentHouse_fd2_0'>
						<benben-down-menu ref="downMenu1691546638235" class='flex-wrap align-center rentHouse_fd2_0_c0'
							v-model="is_drop" :auto='false' :z-index='99' mark-color='rgba(0, 0 ,0,0.3)'>
							<view class='flex flex-wrap align-center justify-between rentHouse_fd2_0'>
								<view class='flex flex-wrap align-center' @tap.stop="showDropdowncontainerFunc(1)">
									<text class='rentHouse_fd2_0_c0_c1_c0_c0' v-if=" state!='1'">区域</text><text
										class='rentHouse_fd2_0_c0_c1_c0_c0_1' v-if=" state=='1'">区域</text>
									<image class='rentHouse_fd2_0_c0_c1_c0_c1' mode="aspectFit"
										:src='STATIC_URL+"20.png"' v-if="state!='1'"></image>
									<image class='rentHouse_fd2_0_c0_c1_c0_c1' mode="aspectFit"
										:src='STATIC_URL+"19.png"' v-if="state=='1'"></image>
								</view>
							</view>

							<template #popup>
								<view class='flex flex-direction flex-wrap align-stretch rentHouse_fd2_0_c0_c0'>

									<view class='flex flex-direction flex-wrap align-stretch rentHouse_fd2_0_c0_c0_c1'
										v-if=" state=='1'">
										<view class='flex flex-wrap align-center'>

											<scroll-view class='rentHouse_fd2_0_c0_c0_c1_c0_c0' :scroll-y='true'
												:show-scrollbar='true'>
												<view class='flex flex-wrap align-stretch benben-scroll flex'>
													<view
														class='flex flex-direction flex-wrap align-stretch rentHouse_fd2_0_c0_c0_c1_c0_c0_c0'>
														<benben-select-diy ref="showSelectPopup1691547274058"
															class-name='flex flex-direction align-center flex'
															:items.sync="regionType" v-model="region_value"
															:label.sync="region_lable" default-type="value"
															default-label="name" :allow-cancel='false' type="radio"
															:disabled='false'>
															<template v-for='(item,key0) in regionType'>
																<view v-if="item.isSelected"
																	class='flex align-center flex rentHouse_fd2_0_c0_c0_c1_c0_c0_c0_c0_c0'
																	:key="key0"
																	@tap="$refs.showSelectPopup1691547274058.tapHandle(key0)">
																	<text
																		class='rentHouse_fd2_0_c0_c0_c1_c0_c0_c0_c0_c0_c0'>{{item.name}}</text>
																</view>
																<view v-else
																	class='flex align-center flex rentHouse_fd2_0_c0_c0_c1_c0_c0_c0_c0_c1'
																	:key="key0"
																	@tap="$refs.showSelectPopup1691547274058.tapHandle(key0)">
																	<text
																		class='rentHouse_fd2_0_c0_c0_c1_c0_c0_c0_c0_c0_c0'>{{item.name}}</text>
																</view>
															</template></benben-select-diy>
													</view>
													<view
														class='flex flex-direction flex-wrap align-stretch flex-sub rentHouse_fd2_0_c0_c0_c1_c0_c0_c1'
														style="z-index: 99;">
														<benben-select-diy ref="showSelectPopup1691547477966"
															class-name='flex flex-direction align-stretch flex rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0'
															:items.sync="regionRight" v-model="regionRight_value"
															:label.sync="regionRight_lable" default-type="value"
															default-label="name" :allow-cancel='true' type="checkbox"
															:disabled='false' :max-select="-1">
															<template v-for='(item,key0) in regionRight'>
																<view v-if="item.isSelected"
																	class='flex align-center justify-between flex rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0'
																	:key="key0"
																	@tap="$refs.showSelectPopup1691547477966.tapHandle(key0)">
																	<text
																		class='rentHouse_fd2_0_c0_c0_c0_c0_c0_c0'>{{item.name}}</text>
																	<image
																		class='rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0_c1'
																		mode="aspectFit" :src='STATIC_URL+"8.png"'>
																	</image>
																</view>
																<view v-else
																	class='flex align-center justify-between flex rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0'
																	:key="key0"
																	@tap="$refs.showSelectPopup1691547477966.tapHandle(key0)">
																	<text
																		class='rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c1_c0'>{{item.name}}</text>
																	<image
																		class='rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0_c1'
																		mode="aspectFit" :src='STATIC_URL+"181.png"'>
																	</image>
																</view>
															</template></benben-select-diy>
													</view>
												</view>
											</scroll-view>
										</view>
										<view
											class='flex flex-wrap align-center justify-between rentHouse_fd2_0_c0_c0_c1_c1'>
											<button class='rentHouse_fd2_0_c0_c0_c1_c1_c0'
												@tap.stop="zoneResetFunc()">重置</button>
											<button class='rentHouse_fd2_0_c0_c0_c1_c1_c1'
												@tap.stop="regionalDeterminationFunc()">确定</button>
										</view>
									</view>
								</view>

							</template>
						</benben-down-menu>
					</view>
				</view>
			</view>
			<view :style="{height: '88rpx'}"></view>
			<view class='flex flex-direction flex-wrap align-stretch hotel_fd1_2'>
				<view v-for="(item,index) in houseArr" :key="index" class='flex flex-wrap align-start hotel_fd1_2_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/mine/rentalPropertydetails/rentalPropertydetails?district_id=${item.district_id}&aid=${item.aid}&type=${type}`">
					<image class='hotel_fd1_2_c0_c0' mode="aspectFit" :src='item.cover'></image>
					<view class='flex flex-direction flex-wrap align-stretch flex-sub'>
						<view class='flex flex-wrap align-center hotel_fd1_2_c0_c1_c0'>
							<text class='hotel_fd1_2_c0_c1_c0_c0'>整租</text>
							<text class='hotel_fd1_2_c0_c1_c0_c0'>·</text>
							<text class='hotel_fd1_2_c0_c1_c0_c2'>{{item.name}}</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='hotel_fd1_2_c0_c1_c1_c0'>距您直线</text>
							<text class='hotel_fd1_2_c0_c1_c1_c0'>3.5</text>
							<text class='hotel_fd1_2_c0_c1_c1_c0'>公里</text>
							<text class='hotel_fd1_2_c0_c1_c1_c0'>丨</text>
							<text class='hotel_fd1_2_c0_c1_c1_c0'>{{item.city}}</text>
						</view>
						<view class='flex flex-wrap align-center hotel_fd1_2_c0_c1_c2'>
							<view
								class='flex flex-direction flex-wrap align-center justify-center hotel_fd1_2_c0_c1_c2_c0'>
								<text class='hotel_fd1_2_c0_c1_c2_c0_c0'>交通便利</text>
							</view>
							<view
								class='flex flex-direction flex-wrap align-center justify-center hotel_fd1_2_c0_c1_c2_c1'>
								<text class='hotel_fd1_2_c0_c1_c2_c0_c0'>精装交付</text>
							</view>
							<view
								class='flex flex-direction flex-wrap align-center justify-center hotel_fd1_2_c0_c1_c2_c0'>
								<text class='hotel_fd1_2_c0_c1_c2_c0_c0'>交通便利</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->


	</view>
	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"state": "",
				"is_drop": false,
				"id": "1",
				"regionType": [{
					"name": "区域",
					"value": "1",
					"image": ""
				}],
				"region_value": "1",
				"region_lable": "",
				"regionRight": [{
					"name": "不限",
					"value": "1",
					"image": ""
				}, {
					"name": "集美区",
					"value": "2",
					"image": ""
				}, {
					"name": "思明区",
					"value": "3",
					"image": ""
				}, {
					"name": "集美区",
					"value": "4",
					"image": ""
				}, {
					"name": "沧海区",
					"value": "5",
					"image": ""
				}, {
					"name": "同安区",
					"value": "6",
					"image": ""
				}, {
					"name": "湖里区",
					"value": "7",
					"image": ""
				}, {
					"name": "翔安区",
					"value": "8",
					"image": ""
				}],
				"regionRight_value": "",
				"regionRight_lable": "",
				type: "",
				houseId: "",
				houseArr:[],
				mingcheng:'',
				keywords:'',
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			let {
				type,
				id,
				mingcheng
			} = options
			if (type !== undefined) this.type = type
			if (id !== undefined) this.houseId = id
			if (mingcheng !== undefined) this.mingcheng = mingcheng
			this.getVal()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			clickFirm(){
				this.getVal()
			},
			regionalDeterminationFunc(){
				this.getVal()
			},
			getVal() {
				uni.showLoading({
					title:'加载中'
				})
				this.$api.post('/m6752/66f9076be8e2e', {
					roow_id: this.houseId,
					name:this.keywords
				}).then(res => {
					uni.hideLoading()
					if(res.data.code == 1){
						this.houseArr = res.data.data.data
					}else{
						this.$message.info(res.data.msg)
					}
				})
			},
			//筛选
			searchFunc(type) {
				if (this.state != type) {
					this.state = type;
				}
			},
			//显示下拉容器
			showDropdowncontainerFunc(type) {
				if (this.state != type) {
					this.state = type;
				}
				if (this.is_drop === false) {
					this.is_drop = true;
				} else if (this.is_drop === true) {
					this.is_drop = false;
				}
			},
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #F8F8F8;
		background-size: 100% auto;
	}

	.hotel_flex_0 {
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.hotel_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		line-height: 36rpx;
	}

	.hotel_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
	}

	.hotel_fd0_0_c0 {
		width: 120rpx;
	}

	.hotel_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.hotel_fd1_2_c0_c1_c2_c1 {
		background: rgba(253, 235, 235, 1);
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		margin: 0rpx 8rpx 0rpx 8rpx;
		padding: 1rpx 8rpx 1rpx 8rpx;
	}

	.hotel_fd1_2_c0_c1_c2_c0_c0 {
		color: #EA4040;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 22rpx;
	}

	.hotel_fd1_2_c0_c1_c2_c0 {
		background: rgba(253, 235, 235, 1);
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		padding: 1rpx 8rpx 1rpx 8rpx;
	}

	.hotel_fd1_2_c0_c1_c2 {
		margin: 70rpx 0rpx 0rpx 0rpx;
	}

	.hotel_fd1_2_c0_c1_c1_c5 {
		color: #666666;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 30rpx;
		margin: 0rpx 0rpx 0rpx 8rpx;
	}

	.hotel_fd1_2_c0_c1_c1_c0 {
		color: #666666;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.hotel_fd1_2_c0_c1_c0_c2 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.hotel_fd1_2_c0_c1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.hotel_fd1_2_c0_c1_c0 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.hotel_fd1_2_c0_c0 {
		width: 216rpx;
		height: 192rpx;
		margin: 0rpx 20rpx 0rpx 0rpx;
		border-radius: 16rpx;
	}

	.hotel_fd1_2_c0 {
		background: var(--benbenbgColor1);
		margin: 0rpx 0rpx 24rpx 0rpx;
		padding: 24rpx;
		border-radius: 16rpx;
		background-size: 100% auto;
	}

	.hotel_fd1_2 {
		padding: 24rpx 24rpx 0rpx 24rpx;
	}

	.hotel_fd1_1_c0_c1_c0_c1 {
		width: 10rpx;
		height: 8rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 8rpx;
	}

	.hotel_fd1_1_c0_c1_c0_c0_1 {
		color: var(--benbenFontColor0);
		font-size: 26rpx;
		font-weight: 500;
		line-height: 26rpx;
	}

	.hotel_fd1_1_c0_c1_c0_c0 {
		color: var(--benbenFontColor2);
		font-size: 26rpx;
		font-weight: 500;
		line-height: 26rpx;
	}

	.hotel_fd1_1_c0_c1_c0 {
		margin: 0rpx 80rpx 0rpx 0rpx;
	}

	.hotel_fd1_1_c0_c0 {
		background: #ffffff;
		height: 200rpx;
	}

	.hotel_fd1_1_c0 {
		height: 88rpx;
	}

	.hotel_fd1_1 {
		background: var(--benbenbgColor1);
		background-size: 100% auto;
		height: 88rpx;
		padding: 0rpx 0rpx 0rpx 32rpx;
	}

	.hotel_fd1_0_c0_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
	}

	.hotel_fd1_0_c0_c0 {
		width: 26rpx;
		height: 26rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.hotel_fd1_0_c0 {
		background: #F5F5F5;
		height: 64rpx;
		background-size: 100% auto !important;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
		width: 638rpx;
	}

	.hotel_fd1_0 {
		background: var(--benbenbgColor1);
		padding: 12rpx 32rpx 12rpx 32rpx;
		background-size: 100% auto;
	}

	.rentHouse_flex_0 {
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.rentHouse_fd0_0_c1_c0_1 {
		font-size: 36rpx;
		font-weight: 700;
		color: #333;
		line-height: 88rpx;
	}

	.rentHouse_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		line-height: 36rpx;
	}

	.rentHouse_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
	}

	.rentHouse_fd0_0_c0 {
		width: 120rpx;
	}

	.rentHouse_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.rentHouse_flex_1 {
		background: rgba(255, 255, 255, 1);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 88rpx;
		background-size: 100% auto !important;
	}

	.rentHouse_fd1_0_c0_c0 {
		width: 26rpx;
		height: 26rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 10rpx 0rpx 0rpx;
	}

	.rentHouse_fd1_0_c0 {
		background: #F5F5F5;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		background-size: 100% auto !important;
		padding: 0rpx 31rpx 0rpx 31rpx;
		width: 686rpx;
		height: 64rpx;
	}

	.rentHouse_fd1_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.rentHouse_flex_2 {
		background: rgba(255, 255, 255, 1);
		width: 750rpx;
		height: 88rpx;
		z-index: 10;
		top: 176rpx;
		background-size: 100% auto !important;
	}

	.rentHouse_fd2_0_c0_c1_c0_c1 {
		width: 10rpx;
		height: 8rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.rentHouse_fd2_0_c0_c1_c0_c0_1 {
		color: var(--benbenFontColor0);
		font-size: 26rpx;
		font-weight: 400;
		line-height: 26rpx;
	}

	.rentHouse_fd2_0_c0_c1_c0_c0 {
		color: var(--benbenFontColor2);
		font-size: 26rpx;
		font-weight: 400;
		line-height: 26rpx;
	}

	.rentHouse_fd2_0_c0_c0_c4_c0_c1_c0_c1_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 26rpx;
	}

	.rentHouse_fd2_0_c0_c0_c4_c0_c1_c0_c1 {
		background: #F8F8F8;
		margin: 5rpx;
		width: 164rpx;
		height: 64rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		background-size: 100% auto !important;
	}

	.rentHouse_fd2_0_c0_c0_c4_c0_c1_c0_c0_c0 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 26rpx;
	}

	.rentHouse_fd2_0_c0_c0_c4_c0_c1_c0_c0 {
		background: #FC5F80;
		width: 164rpx;
		height: 64rpx;
		border-radius: 10rpx;
		background-size: 100% auto !important;
		margin: 5rpx;
	}

	.rentHouse_fd2_0_c0_c0_c4_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 28rpx;
		margin: 3rpx 0rpx 0rpx 32rpx;
	}

	.rentHouse_fd2_0_c0_c0_c3_c0_c1 {
		margin: 20rpx 0rpx 20rpx 0rpx;
		width: 150rpx;
		height: 40rpx;
	}

	.rentHouse_fd2_0_c0_c0_c3_c0_c0 {
		width: 152rpx;
		height: 40rpx;
		margin: 20rpx 0rpx 20rpx 0rpx;
	}

	.rentHouse_fd2_0_c0_c0_c3 {
		padding: 9rpx 31rpx 39rpx 31rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c2 {
		margin: 38rpx 32rpx 0rpx 32rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c1_c0_c1 {
		background: #EEEEEE;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		width: 32rpx;
		height: 2rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c1_c0_c0_c0 {
		margin: 0rpx 32rpx 0rpx 32rpx;
		text-align: center;
	}

	.rentHouse_fd2_0_c0_c0_c2_c1_c0_c0 {
		border: 1px solid rgba(224, 224, 224, 1);
		background: #F8F8F8;
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		width: 234rpx;
		height: 64rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c1_c0 {
		margin: 28rpx 0rpx 0rpx 0rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c1 {
		margin: 0rpx 109rpx 0rpx 109rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c0_c0_c0_c1 {
		margin: 20rpx 0rpx 20rpx 0rpx;
		width: 204rpx;
		height: 40rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c0_c0_c0_c0 {
		width: 204rpx;
		height: 40rpx;
		margin: 20rpx 0rpx 20rpx 0rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2_c0_c0 {
		padding: 13rpx 39rpx 27rpx 39rpx;
	}

	.rentHouse_fd2_0_c0_c0_c2 {
		padding: 3rpx 0rpx 32rpx 0rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c1_c1 {
		background: #FC5F80;
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		width: 452rpx;
		line-height: 96rpx;
		font-size: 30rpx;
		color: rgba(255, 255, 255, 1);
		height: 88rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c1_c0 {
		background: #F4F4F4;
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		width: 208rpx;
		line-height: 96rpx;
		font-size: 30rpx;
		color: rgba(51, 51, 51, 1);
		height: 88rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c1 {
		padding: 32rpx 0rpx 32rpx 32rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c1_c0 {
		color: rgba(153, 153, 153, 1);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 28rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0_c1 {
		width: 30rpx;
		height: 30rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0_c0 {
		padding: 20rpx 0rpx 20rpx 0rpx;
	}

	::v-deep .rentHouse_fd2_0_c0_c0_c1_c0_c0_c1_c0 {
		width: 459rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 34rpx;
		height: 600rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c0_c0_c1 {
		background: rgba(250, 250, 250, 1);
		width: 198rpx;
		height: 82rpx;
		padding: 0rpx 0rpx 0rpx 32rpx;
		background-size: 100% auto !important;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c0_c0_c0_c0 {
		color: #333333;
		font-size: 30rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c0_c0_c0 {
		background: rgba(255, 255, 255, 1);
		width: 198rpx;
		height: 82rpx;
		padding: 0rpx 0rpx 0rpx 32rpx;
		background-size: 100% auto !important;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0_c0 {
		background: rgba(250, 250, 250, 1);
		background-size: 100% auto !important;
	}

	.rentHouse_fd2_0_c0_c0_c1_c0_c0 {
		touch-action: none;
		height: 472rpx;
	}

	.rentHouse_fd2_0_c0_c0_c1 {
		padding: 0rpx 32rpx 0rpx 0rpx;
	}

	.rentHouse_fd2_0_c0_c0_c0_c0_c1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 28rpx;
	}

	.rentHouse_fd2_0_c0_c0_c0_c0_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 28rpx;
	}

	.rentHouse_fd2_0_c0_c0_c0_c0_c0 {
		margin: 48rpx 0rpx 0rpx 0rpx;
	}

	.rentHouse_fd2_0_c0_c0_c0 {
		padding: 0rpx 32rpx 47rpx 32rpx;
	}

	.rentHouse_fd2_0_c0_c0 {
		background: #ffffff;
		width: 750rpx;
		border-radius: 0rpx 0rpx 32rpx 32rpx;
	}

	.rentHouse_fd2_0_c0 {
		height: 88rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.rentHouse_fd2_0 {
		height: 88rpx;
	}

	.rentHouse_flex_3 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.rentHouse_fd3_0_c1_c3_c0 {
		background: rgba(253, 235, 235, 1);
		color: rgba(234, 64, 64, 1);
		font-size: 20rpx;
		font-weight: 400;
		line-height: 32rpx;
		padding: 1rpx 8rpx 1rpx 8rpx;
		background-size: 100% auto !important;
		margin: 0rpx 8rpx 0rpx 0rpx;
		border-radius: 6rpx;
	}

	.rentHouse_fd3_0_c1_c3 {
		margin: 8rpx 0rpx 0rpx 0rpx;
	}

	.rentHouse_fd3_0_c1_c2_c1 {
		color: rgba(234, 55, 39, 1);
		font-size: 24rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.rentHouse_fd3_0_c1_c2_c0 {
		color: rgba(234, 55, 39, 1);
		font-size: 32rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.rentHouse_fd3_0_c1_c2 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.rentHouse_fd3_0_c1_c1_c0 {
		color: #666666;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 22rpx;
	}

	.rentHouse_fd3_0_c1_c1 {
		margin: 16rpx 0rpx 16rpx 0rpx;
	}

	.rentHouse_fd3_0_c1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.rentHouse_fd3_0_c0 {
		width: 216rpx;
		height: 192rpx;
		border-radius: 16rpx;
		margin: 0rpx 20rpx 0rpx 0rpx;
	}

	.rentHouse_fd3_0 {
		background: rgba(255, 255, 255, 1);
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 32rpx 24rpx;
		margin: 24rpx 0rpx 0rpx 0rpx;
		border-radius: 16rpx;
	}
</style>